<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>易班自动打卡</title>
    <script>
        function warnInfo() {
            const r = confirm("【使用须知！重要！重要！重要！】\n" +
                "1.本站仅用于学习交流，禁止从事其他利益行为\n" +
                "2.虽然是自动打卡，但仍建议手动每日按实际情况填写\n" +
                "3.如果当天实际情况与填写内容不符，请及时修改，或清除\n" +
                "4.如果有【往返高风险区的人员，禁止使用该软件】，如果已经使用请删除个人信息，对自己负责，对他人负责\n" +
                "5.使用该程序，由此产生的后果本站概不负责，请使用者慎重！\n" +
                "6.对于输入的信息会存于数据库，仅用于易班打卡，严格保密。介意者请勿使用\n" +
                "-- 点击确定默认接受以上条款；不接受请点击取消退出 --");
            if (r === false) {
                window.location.href = "https://www.yiban.cn/";
            }
        }
        // warnInfo();
        // 根据URL获取位置信息
        function getLocationInfo() {
            var url = document.getElementById("urlInfo").value;
            if (!url.split("=")[1]) {
                alert("请输入正确的链接")
                return;
            }
            var InitiateId = url.split("=")[1];
            var xhr = new XMLHttpRequest();
            xhr.open("get", "https://m.smitish.com/yiban/location.php?id=" + InitiateId);
            xhr.send();
            xhr.onreadystatechange = function() {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    try {
                        var location = JSON.parse(xhr.responseText)['a441d48886b2e011abb5685ea3ea4999'];
                    } catch (e) {
                        alert("请输入正确的链接")
                        return;
                    }
                    document.getElementById("longitude").value = location['longitude'];
                    document.getElementById("latitude").value = location['latitude'];
                    document.getElementById("dangqianweizhi").value = location['address'];
                } else {
                    // alert("请输入正确的链接")
                    // return;
                }
            }
        }


        function checkUser() {
            var user = document.getElementById("username").value;
            var passwd = document.getElementById("password").value;
            var xhr = new XMLHttpRequest();
            xhr.open("get", "https://m.smitish.com/yiban/test.php?username=" + user + "&password=" + passwd);
            xhr.send();
            // console.log("https://m.smitish.com/yiban/test.php?username=" + user + "&password=" + passwd);
            xhr.onreadystatechange = function() {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    var location = JSON.parse(xhr.responseText);
                    // console.log(location['response']);
                    return location['response'];
                    // if (location['response'] == 100) {
                    //     console.log("TRUE")
                    //     return location['response'];
                    // }
                    // else {
                    //     console.log("FALSE")
                    //     return false;
                    // }
                }
            }
        }
    </script>
    <link rel='stylesheet' id='nicetheme-css' href='https://www.nicetheme.cn/wp-content/themes/nicetheme08161/css/nicetheme.css?ver=1.10.3' type='text/css' media='all' />
</head>

<body>

    <body class="bg-light">
        <div class="container">
            <div class="py-5 text-center">
                <h2>易班自动打卡(使用须知)
                </h2>

                <p class="lead mt-4">体温采用随机值，范围在 <span class="text-primary">36.2~36.6℃</span> 之间</p>
                <p class="lead"> 中午打卡是在：10:35<span class="text-danger">（计控学院）</span>；傍晚打卡是在：17:35</p>
                <div class="text-left">
                    <p class="lead"> 打卡失败原因可能为：1.服务器网络问题；2.账号密码错误；3.学校更新了新的表单字段。只需要等待平台管理员更新即可完成打卡</p>
                    <p class="lead"> 如果不需要继续自动打卡，可以在下面进行删除任务</p>

                    <p class="lead">1.本站仅用于学习交流，禁止从事其他利益行为</p>
                    <p class="lead">2.虽然是自动打卡，但仍建议手动每日按实际情况填写</p>
                    <p class="lead">3.如果当天实际情况与填写内容不符，请及时修改，或清除</p>
                    <p class="lead">4.如果有<b class="text-danger">【往返高风险区的人员，禁止使用该软件】</b>，如果已经使用请删除个人信息，对自己负责，对他人负责</p>
                    <p class="lead">5.使用该程序，由此产生的后果本站概不负责，请使用者慎重！</p>
                    <p class="lead">6.对于输入的信息会存于数据库，仅用于易班打卡，严格保密。介意者请勿使用</p>
                    <p class="lead">7.本平台只是为了方便在家的同学自动打卡</p>
                </div>
            </div>

            <div class="row">
                <h2 class="ml-3">添加任务 / 修改任务
                </h2>
                <div class="col-md-12 order-md-1">
                    <p class="lead mt-4">账号一般是手机号或者邮箱，<b class="text-danger">有人写了学号或者其他的有可能造成账号或密码错误</b>。建议自己在手机上易班登陆一次确保账号密码正确</p>
                    <p class="text-danger lead">修改任务需要正确输入已经提交易班的账号和密码</p>
                    <form class="needs-validation" id="form" action="post.php" method="post">
                        <div class="row">
                            <div class="col-lg-4 col-sm-4 col-xs-12">
                                <label for="firstName">易班账号</label>
                                <input type="text" class="form-control" id="username" name="username" placeholder="" value="">
                            </div>
                            <div class="col-lg-4 col-sm-4 col-xs-12">
                                <label for="firstName">易班密码</label>
                                <input type="password" class="form-control" id="password" name="password" placeholder="" value="">
                            </div>

                            <div class="col-lg-4 col-sm-4  col-xs-12">
                                <label for="firstName">邮箱 <span class="text-danger">（用于发送打卡通知）</span> </label>
                                <input type="text" class="form-control" id="mail" name="mail" placeholder="" value="">
                            </div>
                        </div>

                        <hr class="mb-4">

                        <h4 class="mb-3">1.宿舍号 <span class="text-danger">（用于"计控学院"中午打卡，其他学院也可以填写自己的宿舍）</span>
                        </h4>
                        <div class="d-block my-3">
                            <div class="">
                                <input type="text" class="form-control" id="sushe" name="sushe" placeholder="例如:二区二B603" value="">
                            </div>
                        </div>
                        <hr class="mb-4">

                        <h4 class="mb-3">2.位置信息
                        </h4>
                        <div class="d-block my-3">
                            <!--<div style="border:1px solid red">-->
                            <p class="text-danger lead">使用获取经纬度工具自动获取详细位置</p>
                            <div class="row">
                                <div class="col-lg-4 col-sm-4 col-xs-12">
                                    <label for="dangqianweizhiw">链接地址</label>
                                    <input type="text" class="form-control" id="urlInfo" name="dangqianweizhiw" placeholder="" value="">
                                </div>
                                <div class="col-lg-4 col-sm-4 col-xs-12">
                                    <label for="bt"></label>
                                    <button type="button" class="btn btn-success btn-lg btn-block" name="bt" onclick="getLocationInfo()">获取位置信息</button>
                                </div>
                                <!--</div>-->
                            </div>
                            <p class="text-danger lead mt-3">获取链接方式：登录易班->校本化->消息->最新已打卡任务->我的反馈->转发审批表单->复制链接</p>
                            <div class="row">
                                <div class="col-lg-4 col-sm-4 col-xs-12">
                                    <label for="dangqianweizhi">当前详细位置</label>
                                    <input type="text" class="form-control" id="dangqianweizhi" readonly name="dangqianweizhi" placeholder="" value="">
                                </div>
                                <div class="col-lg-4 col-sm-4 col-xs-12">
                                    <label for="longitude">经度</label>
                                    <input type="text" class="form-control" id="longitude" readonly name="longitude" placeholder="" value="">
                                </div>

                                <div class="col-lg-4 col-sm-4  col-xs-12">
                                    <label for="latitude">纬度</label>
                                    <input type="text" class="form-control" id="latitude" readonly name="latitude" placeholder="" value="">
                                </div>
                            </div>
                        </div>

                        <hr class="mb-4">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" id="customCheck1">
                            <label class="custom-control-label" for="customCheck1">我已阅读并同意相关使用须知</label>
                        </div>
                        <hr>

                        <button class="btn btn-primary btn-lg btn-block" id="submit2" disabled type="submit">提交任务(请先同意服务条款)</button>
                    </form>
                </div>
            </div>
            <hr class="mb-4 mt-5">


            <div class="row ">
                <h2 class="ml-3 mt-5">删除任务
                </h2>
                <div class="col-md-12 order-md-1">
                    <p class="lead mt-4 text-danger">如果不需要继续自动打卡，可直接通过验证账号和密码进行任务删除</p>

                    <form class="needs-validation" id="form2" action="delete.php" method="post">
                        <div class="row mb-5">
                            <div class="col-lg-6 col-sm-6 col-xs-12">
                                <label for="firstName">易班账号</label>
                                <input type="text" class="form-control" id="username1" name="username" placeholder="" value="">
                            </div>
                            <div class="col-lg-6 col-sm-6 col-xs-12">
                                <label for="firstName">易班密码</label>
                                <input type="password" class="form-control" id="password1" name="password" placeholder="" value="">
                            </div>
                        </div>

                        <button class="btn btn-danger btn-lg btn-block" id="submit1" type="submit">验证账号，删除自动打卡任务</button>
                    </form>
                </div>
            </div>
            <footer class="my-5 pt-5 text-muted text-center text-small">
                <p class="mb-1">如遇到问题请联系管理员邮箱:i@smitish.com 或微信:cohoha</p>
                <p class="mb-1 ">&copy; 2020-2021 smitish.com</p>
            </footer>
        </div>
        <script type='text/javascript' src='https://www.nicetheme.cn/wp-content/themes/nicetheme08161/external/jquery/jquery.js?ver=1.10.3'></script>
        <script>
            $("#customCheck1").change(function() {
                // alert($("#customCheck1").is(':checked')); 
                if ($('#customCheck1').is(':checked')) {
                    // alert(1);
                    // $("#submit2").attr("disabled","false"); //Jquery方法
                    var user = document.getElementById("username").value;
                    var passwd = document.getElementById("password").value;
                    var xhr = new XMLHttpRequest();
                    xhr.open("get", "https://m.smitish.com/yiban/test.php?username=" + user + "&password=" + passwd);
                    xhr.send();
                    // console.log("https://m.smitish.com/yiban/test.php?username=" + user + "&password=" + passwd);
                    xhr.onreadystatechange = function() {
                        if (xhr.readyState == 4 && xhr.status == 200) {
                            var location = JSON.parse(xhr.responseText);
                            if (location['response'] == 100) {
                                document.getElementById("submit2").removeAttribute("disabled"); //这是JS方法；
                                document.getElementById("submit2").innerHTML = "提交任务 / 修改任务";
                            } else {
                                document.getElementById("submit2").setAttribute("disabled", "disabled");
                                document.getElementById("submit2").innerHTML = "易班账号错误";
                                document.getElementById("submit2").checked = false; //这是JS方法；
                            }
                        }
                    }

                } else {
                    // alert(2);
                    document.getElementById("submit2").setAttribute("disabled", "disabled");
                    document.getElementById("submit2").innerHTML = "提交任务(请先同意服务条款)";
                }
            });
        </script>
    </body>
</body>

</html>